<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>中北大学大数据学院虚拟仿真实验教学</title>
    <meta name="keywords" content="中北大学大数据学院虚拟仿真实验教学" />
    <meta name="description" content="中北大学大数据学院虚拟仿真实验教学" />
    <link rel="stylesheet" type="text/css" href="http://uav.ilab.nut.edu.cn/skin/school45/core/header/common.css" />
    <link rel="stylesheet" type="text/css" href="http://uav.ilab.nut.edu.cn/skin/school45/core/header/header.css" />
    <link rel="stylesheet" type="text/css" href="http://uav.ilab.nut.edu.cn/skin/label/label.css" />
    <link rel="stylesheet" type="text/css" href="http://uav.ilab.nut.edu.cn/skin/school45/cms/style.css" />
    <link rel="stylesheet" type="text/css" href="http://uav.ilab.nut.edu.cn/skin/school45/cms/index/index.css" />
    <script type="text/javascript" src="http://uav.ilab.nut.edu.cn/js/config.js"></script>
    <script type="text/javascript" src="http://uav.ilab.nut.edu.cn/js/util.js"></script>
    <script type="text/javascript" src="http://uav.ilab.nut.edu.cn/js/lab_platform.js"></script>
    <script type="text/javascript" src="http://uav.ilab.nut.edu.cn/js/lang/core/zh-cn.js"></script>
    <script type="text/javascript" src="http://uav.ilab.nut.edu.cn/js/lang/cms/zh-cn.js"></script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.3.1.js"></script>


    <style type="text/css">
        .indexSideNav{width: 200px; height: 200px; margin: 0 auto; margin-top: 25px;}
        .indexSideNav li{width:200px; height: 45px; background: url("images/side_bg.gif") center no-repeat; }
        .indexSideNav li a{display: block; font-family: "宋体", Arial; line-height: 45px; text-align: center; font-size: 16px; color: #0a4a76; text-decoration: none;}
        .indexSideNav li a:hover{color: blue;}
    </style>
</head>



<body>
    <div class="wrap">
        <div class="header" id="hideLogo">
            
        </div>
    </div>
    <div class="wrap">
        <div class="nav_menu clearfix">
            <div class="home_link">
                <a href="index.html" title="首页">&nbsp; </a>
            </div>
            <ul id="menu_nav">
                <li><a href="pro_content.html" target="">实验内容</a> </li>
                <li><a href="pro_aim.html" target="">实验目的</a> </li>
                <li><a href="pro_theory.html" target="">实验原理</a> </li>
                <li><a href="pro_predict.html" target="">预设故障</a> </li>
                <li><a href="pro_teach.html" target="">教学方法</a> </li>
                <li><a href="lab_method.html" target="">实验方法</a> </li>
                <li><a href="pro_step.html" target="">实验步骤</a> </li>
                <li><a href="pro_access.html" target="">考核方法</a> </li>
                <li><a href="pro_feature.html" target="">项目特色</a> </li>
                <li><a href="pro_service.html" target="">服务计划</a> </li>
            </ul>
        </div>
        <script type="text/javascript">
            $(document).ready(function () {
                //**show_edit**//
                init_labelshows('header_t');
                //**menu**//
                $('#menu_nav li>dl').hide();
                $("#menu_nav li:first").addClass('over');
                $("#menu_nav li").each(function () {
                    $(this).hover(
                        function () {
                            $('#menu_nav li').removeClass();
                            $('#menu_nav li>dl').hide();
                            $(this).addClass('over');
                            $(this).find('dl').show();
                            $(this).find('dl').css({ left: parseInt($(this).position().left) + 'px' });
                        },
                        function () {
                            $(this).find('dl').hide();
                        }
                    )
                });
            })
        </script>
        <div class="container mtop" style="height:auto">
            <style styletext="">
                #play_2946 {
                    width: 960px;
                    height: 216px;
                    position: relative;
                    z-index: 2;
                }

                #play_2946 .clearfix li {
                    display: none;
                    position: absolute;
                    overflow: hidden;
                    width: 960px;
                    height: 216px;
                }

                #play_2946 .clearfix li img {
                    width: 960px;
                    height: 216px;
                    overflow: hidden;
                }

                #play_2946 .jsNav {
                    position: absolute;
                    right: 40px;
                    bottom: 25px;
                    z-index: 111;
                }

                #play_2946 .jsNav li {
                    background-color: #C4CAE0;
                    cursor: pointer;
                    display: inline-block;
                    float: left;
                    height: 7px;
                    line-height: 0;
                    margin-left: 5px;
                    text-indent: -9999px;
                    width: 7px;
                }

                #play_2946 .jsNav li.over {
                    background-color: #505050;
                }
            </style>
            <div id="play_2946">
                <ul class="clearfix">
                    <li><a href=""><img src="images/banner.jpg" width="960"
                                height="216" /></a></li>
                </ul>
                <ul class="jsNav" id="jsNav_2946">
                    <li>1</li>
                </ul>
            </div>
            <script type="text/javascript">
                    (function () {
                        var num = $("#jsNav_2946 li").length;
                        $("#play_2946 ul li:first").css("display", "block");
                        $("#jsNav_2946 li:first").addClass("over");
                        var curr = 0;
                        $("#jsNav_2946 li").each(function (i) {
                            $(this).click(function () {
                                curr = i;
                                $("#play_2946 ul li").eq(i).css("z-index", "10").siblings("li").css("z-index", "1");
                                $("#play_2946 ul li").eq(i).fadeIn(1500).siblings("li").fadeOut(1500);
                                $(this).siblings("li").removeClass("over").end().addClass("over");
                                return false;
                            });
                        });
                        //自动翻
                        var timer = setInterval(function () {
                            todo = (curr + 1) % num;
                            $("#jsNav_2946 li").eq(todo).click();
                        }, 9000);

                        //鼠标悬停在触发器上时停止自动翻
                        $("#jsNav_2946 li").hover(
                            function () {
                                clearInterval(timer);
                            },
                            function () {
                                timer = setInterval(function () {
                                    todo = (curr + 1) % num;
                                    $("#jsNav_2946 li").eq(todo).click();
                                }, 5000);
                            }
                        );
                    })();
            </script>
        </div>
        
        <div class="mainBody">
            <div class="contain_left">
                <div class="siderbox box_sy1  mtop">
                    <div class="hd">
                        <span class="tt"> 实验平台</span>
<!--                        <span class="more"><a href="#"-->
<!--                                target="_blank">更多&gt;&gt;</a></span>-->
                    </div>
                    <div class="con" style="padding:3px">

                        <ul class="indexSideNav">
                            <li><a href="pro_down.html">进入实验</a></li>
                            <li><a href="pro_test.html">实验前测</a></li>
                            <li><a href="lab_report.html">实验报告</a></li>
                            <li><a href="http://www.ilab-x.com/">实验空间</a></li>
                        </ul>
		
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="siderbox  box_sy1 qklink mtop">
                    <div class="hd">
                        <span class="tt2"> 快速链接</span>
<!--                        <span class="more"><a href="#"-->
<!--                                target="_blank">更多&gt;&gt;</a></span>-->
                    </div>
                    <div class="con">
                        <ul class="quick">
                            <li> <span style="font-size:12px;"><a href="http://www.nuc.edu.cn"
                                        target="_blank">学校官网</a></span></li>
                            <li> <span style="font-size:12px;"><a href="http://lib.nuc.edu.cn"
                                        target="_blank">图书馆</a></span></li>
                            <li> <span style="font-size:12px;"><a href="login.html" >教师登录</a></span></li>
                        </ul>
                    </div>
                </div>
                <div class="mtop">
                    <a href="#" target="_blank" title="" style="text-decoration:none;"><img width="" height=""
                            border="none" alt="" src="" /></a>
                </div>
                <div class="mtop">
                    <a href="#" target="_blank" title="" style="text-decoration:none;"><img width="" height=""
                            border="none" alt="" src="" /></a>
                </div>
                <div class="mtop">
                    <a href="#" target="_blank" title="" style="text-decoration:none;"><img width="" height=""
                            border="none" alt="" src="" /></a>
                </div>
            </div>
            <div class="contain_right">
                <div class="rightbox box_sy1 fright mtop" style="width:645px;">
                    <div class="hd">
                        <span class="tt"> 项目简介</span>
                        <span class="more">
                            <a href="pro_intro.html" target="_blank">更多&gt;&gt;</a>
                        </span>
                    </div>
                    <div class="con">
                        <span
                            style="font-size:12px; line-height:190%; text-indent:2em;">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;网络故障分析虚拟仿真实验作为计算机网络课程实践教学内容，面向计算机科学与技术专业大二学生开设，培养学生的创新思维和创新设计能力为解决网络工程实验室开展本实验项目所面临的实验环境搭建困难、恢复耗时长、设备数量有限、网络故障数受限等问题。<br>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;网络故障分析虚拟仿真实验坚持“大问题驱动、小任务牵引、技战融合”的实验方案设计思路，创新提出了“三学阶段”、“六化模块”的实验教学模式，将传统实验教学向课前延伸、向课后拓展，实践了“实验项目问题化”、“实验内容任务化”、“实验过程形象化”、“实验操作交互化”、“实验探究自主化”、“实验总结创新化”六化式实验教学方法。<br>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;实验项目依托信息化教学管理平台，构建了有依据、可分析、易评价的在线考核环境。采用学生自评、小组互评、教师点评等多种考核方式，全过程覆盖实验前、实验中和实验后，形成实验行为和效果的系统、准确和公平的评价体系，从时间、空间、方法和内容多个维度延伸拓展了传统网络实验项目，多角度提升了实验教学效果和学生自主学习能力。<br>
                            </span>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="mtop">
                    <a href="#" target="_blank" title="" style="text-decoration:none;"><img width="" height=""
                            border="none" alt="" src="" /></a>
                </div>
                <div class="clear"></div>
                <div class="rightbox box_sy1 fleft mtop">
                    <div class="hd">
                        <span class="tt">实验内容</span>
                        <span class="more"><a href="pro_content.html"
                                >更多&gt;&gt;</a></span>
                    </div>
                    <div class="con">

                        <div style="margin: 0 auto;height: 180px; width: 248px;" >
                            <img src="images/ex_content.png" style="height: 180px; width: 248px;">
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="picshow box_sy1 mtop">
            <div class="hd">
                <span class="tt3"> 实验环境</span>
<!--                <span class="more"><a href="#"-->
<!--                        target="_blank">更多&gt;&gt;</a></span>-->
            </div>
            <div class="con">
                <style type="text/css">
                    .label_pic_ul .label_pic_title {
                        font-size: 12px;
                        height: 18px;
                        line-height: 23px;
                        overflow: hidden;
                    }

                    .label_pic_ul li {
                        margin-left: 10px;
                        margin-right: 10px;
                    }
                </style>
                <ul class="label_pic_ul label_pic_border">
                    <li> <a href="#" target="_blank" title="模拟计算机"><img width="160"
                                height="134" alt="模拟计算机" onerror="this.src='http://uav.ilab.nut.edu.cn/images/nopic.jpg'"
                                src="images/1.jpg" /></a>
                     <p class="label_pic_title" style="width:165px"><a href="#"
                                 target="_blank" title="模拟计算机"></a></p>
                    </li>
                    <li> <a href="#" target="_blank" title=" 虚拟仿真频台模拟搭建"><img width="160"
                                height="134" alt=" 虚拟仿真频台模拟搭建" onerror="this.src='http://uav.ilab.nut.edu.cn/images/nopic.jpg'"
                                src="images/2.jpg" /></a>
                        <p class="label_pic_title" style="width:165px"><a href="#"
                                target="_blank" title=" 虚拟仿真频台模拟搭建"></a></p>
                    </li>
                    <li> <a href="#" target="_blank" title="模拟网络实验室"><img
                                width="160" height="134" alt="模拟网络实验室"
                                onerror="this.src='http://uav.ilab.nut.edu.cn/images/nopic.jpg'"
                                src="images/3.png" /></a>
                        <p class="label_pic_title" style="width:165px"><a href="#"
                                target="_blank" title="模拟网络实验室"></a></p>
                    </li>
                    <li> <a href="#" target="_blank" title="交换机模型"><img
                                width="160" height="134" alt="交换机模型"
                                onerror="this.src='http://uav.ilab.nut.edu.cn/images/nopic.jpg'"
                                src="images/4.png" /></a>
                        <p class="label_pic_title" style="width:165px"><a href="#"
                                target="_blank" title="交换机模型"></a></p>
                    </li>
                    <li> <a href="#" target="_blank" title="仿真实验室环境"><img
                                width="160" height="134" alt="仿真实验室环境"
                                onerror="this.src='http://uav.ilab.nut.edu.cn/images/nopic.jpg'"
                                src="images/5.jpg" /></a>
                        <p class="label_pic_title" style="width:165px"><a href="#"
                                target="_blank" title="仿真实验室环境"></a></p>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>

        <div class="frindlink">
        </div>
        <div id="footer">
            <ul>
                <li>校址：山西省太原市学院路3号</li>
<!--                <li>Powered by <a href="http://www.nuc.edu.cn" target="_blank" class="vison">中北大学</a> Code &copy;2019</li>-->
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        //去掉背景,或者更换为新的背景
        $(function () {
            document.body.style.background = "url('images/zb.jpg') no-repeat center top";
        })

        $(function () {
            $('.pop_table tr:even').addClass('pop_tr');
        })

    </script>
</body>

</html>